<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>流程控制语句</title>
    <script>
        /* 流程控制语句 */
        /* 
        JS中的程序是从上到下一行一行执行的
        通过流程控制语句来控制程序执行流程
            使得语句可以根据一定的条件来选择执行
        语句分类
            1.条件判断语句
            2.条件分支语句
            3.循环语句
        */
        /* 
        条件判断语句
             使用条件判断语句可以在执行某个语句之前进行判断，
             如果条件成立才会执行语句，不成立则不执行
         if语句
            语法一：
                 if(条件表达式){
                   语句...
                 }
                 if语句在执行时，会对表达式进行求值判断，
                 如果条件表达式的值为true，则执行if后的语句
                 如果条件表达式的值为false，则不会执行if后的语句
                    if语句只能控制紧随其后的那一条语句
                    如果需要控制多条语句，可以将多条语句放到代码块中
                    if后的代码块非必须，但是在编写过中最好加上，显的结构更清楚
            语法二：
                 if(条件表达式){
                     语句...
                 }else{
                      语句...
                 }
                 if...else..语句
                    当语句执行时，会先对if后的条件表达式进行求值判断，
                    如果该值为true，则执行if后的语句
                    如果该值为false，则执行else后的语句 
            语法三:
                 if(条件表达式){
                     语句....
                 }else if(条件表达式){
                    语句...
                 }else if(条件表达式){
                     语句...
                 }else{
                    语句...
                 }
                 if... else if ...else
                    当该语句执行时，会从上到下依次对条件表达式进行求值判断
                        如果值为true，则执行当前语句
                        如果值为false，则继续向下执行
                        else if可以很多但是只能有一个else或者没有else（逻辑要可行）
                        如果所有条件都不执行，则执行最后的else后的语句
                        该语句中只会有一个代码块被执行，一旦代码块被执行则直接结束语句
                        需要注意编写顺序，或者通过&&添加条件

        */
        var a = 15;
        if (a > 10 && a <= 20) {
            alert("a比10大,并且a小于20");

        } else {
            alert("a小于10，或者大于20")
        }
    </script>
</head>

<body>

</body>

</html>